body {
	font-family: 'Montserrat', sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}

/* Background image an color divs*/

#service-bg.container-fluid {
	padding: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	overflow: hidden;
}

#service-stop {
	position: absolute;
	left: 4%;
	top: 5%;
	width: 100px;
	height: 60px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}

/* Take Page */

#service {
	padding-top: 10%;
	text-align: center;
	text-transform: uppercase;
}


.service {
	width: 100%;
	height: 600px;
	border-radius: 8px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
	padding: 15px;
	padding-top: 30px;
	box-sizing: border-box;
	background-color: #fff;
	background: linear-gradient(140deg,
			#0E4174 10%,
			#2470a0 0,
			#50C1E9 90%,
			white 0);
}

.service h1 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 60px;
	letter-spacing: 3px;
}

.service #running {
	color: #6abe83;
}

.service .buttons {
	margin-top: 40px;
}

.service .btn {
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 23px;
	width: 45%;
	padding: 2.75% 0;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}

.service .btn-primary {
	color: black;
}

/* Number Page */

.back {
	position: absolute;
	top: 10px;
	color: #bbb;
	cursor: pointer;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

.back:active {
	position: absolute;
	top: 10px;
	color: #111;
	cursor: pointer;
}

.show-number h3 {
	margin-top: 60px;
}

#service-type {
	color: rgb(221, 231, 75);
}

.info {
	margin-top: 45px;
}

.info .number {
	font-size: 28px;
	margin-top: 20px;
	font-weight: bold;
}

.info .queue-status {
	font-size: 26px;
	margin-top: 40px;
	font-weight: bold;
}

.info .inform {
	font-size: 24px;
	margin-top: 9%;
	line-height: 30pt;
	letter-spacing: 2pt;
	color: #fff;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

/* System Maintenance */

#stop {
	color: #992626;
}

.system-pause .buttons {
	margin-top: 18%;
}

/* ID Scan */

#id-card {
	margin-top: 5%;
	height: 330px;
}

.check-pass {
	position: absolute;
	left: 88%;
	top: 83%;
	cursor: pointer;
}

.system-time {
	margin-top: 30px;
	font-size: 20px;
	color: #fff;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	font-weight: bold;
}